﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>NetCore | Vue</title>
    <link rel="stylesheet" href="/lib_bower/bootstrap/dist/css/bootstrap.css" />
    <link rel="stylesheet" href="/lib_bower/font-awesome/css/font-awesome.css" />
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="stylesheet" href="/css/site.css" />

</head>

<body class="gray-bg">


    <div class="loginColumns animated fadeInDown">
        <div class="row">
            <div class="col-md-6">
                <h2 class="font-bold">Welcome to Vue</h2>

                <p>
                    Perfectly designed and precisely prepared admin theme with over 50 pages with extra new web app views.
                </p>

                <p>
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                </p>

                <p>
                    When an unknown printer took a galley of type and scrambled it to make a type specimen book.
                </p>

                <p>
                    <small>It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</small>
                </p>

            </div>
            <div class="col-md-6">
                <div class="ibox-content">

                    <form method="post" class="form-horizontal" role="form" action="/Login/Login">
                        <div class="text-danger validation-summary-valid" data-valmsg-summary="true">
                            <ul>
                                <li style="display:none"></li>
                            </ul>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label text-right" for="UserName">账  号</label>
                            <div class="col-md-9">
                                <i class="input-icon fa fa-user"></i>
                                <input maxlength="16" class="form-control" type="text" id="UserName" name="UserName" v-bind:value="UserName" />

                                <span class="text-danger field-validation-valid" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-md-3 control-label text-right" for="Password">密  码</label>
                            <div class="col-md-9">
                                <input type="password" class="form-control" validate="{required:true,minlength:6,maxlength:16,stringEn:true}" maxlength="16" id="Password" name="Password"  v-bind:value="Password" />
                                <i class="input-icon fa fa-lock"></i>
                                <span class="text-danger field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span>
                            </div>
                        </div>
                        <div class="form-group">

                            <div class="col-md-offset-3 col-md-9">
                                <div class="i-checks">
                                    <label class="i-checkbox" for="RememberMe"><input class="checkbox" type="checkbox" data-val="true" data-val-required="The RememberMe field is required." id="RememberMe" name="RememberMe" v-bind:value="RememberMe" /><span style="float:right;">Remember Me </span></label>
                                </div>
                            </div>

                        </div>
                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">
                                <button type="submit" class="btn btn-primary block full-width m-b">Log in</button>
                            </div>
                        </div>

                        <p class="text-muted text-center">
                            <a href="/Account/ForgotPassword">Forgot your password?</a>
                        </p>
                        <p class="text-muted text-center"><small>Do not have an account?</small></p>
                        <p>
                            <div class="form-group">
                                <div class="col-md-offset-2 col-md-10">
                                    <a class="btn btn-w-m btn-white btn-block  " href="/Account/Register">Register as a new user?</a>
                                </div>
                            </div>
                        </p>
                        <input name="__RequestVerificationToken" type="hidden" value="CfDJ8OjgjKSLdopArXLxkMpN0FpjpK1PuSO07swgC0_3OmYIqWpxr-pMOhOM_F6WHLNfGMNB5W2_16M0hy0zSJaaonfbgSoYfZes-7uUvmQbPhtX8L-Yl0ard2vBb3qAXDcL2HnNQfAe2n_FHyc83yMr9D8" /><input name="RememberMe" type="hidden" value="false" />
                    </form>
                </div>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-md-6">
                Copyright Example Company
            </div>
            <div class="col-md-6 text-right">
                <small>© 2014-2015</small>
            </div>
        </div>

    </div>
    <script type="text/javascript" src="/lib_bower/jquery/dist/jquery.js"></script>
    <script type="text/javascript" src="/lib_bower/bootstrap/dist/js/bootstrap.js"></script>
    <script type="text/javascript" src="/lib/vue/vue.min.js"></script>
    <script type="text/javascript">
        var app = new Vue({
            el: ".form-horizontal",
            data: {
                UserName: "123",
                Password: "123",
                RememberMe: false
            }
            });
    </script>
</body> 


</html>